// 所有骨架屏相关配置
import { ref, reactive } from 'vue'
export const skeletonSetting = reactive({
  hotActivityLoading: true,
  moreActivityLoading: true,
  commonQuestionLoading: true,
  hotActivitySkeleton: [
    {
      type: 'flex',
      num: 1,
      children: [
        {
          type: 'custom',
          num: 1,
          style: 'width:300rpx;height:300rpx;margin-right:25rpx'
        },
        {
          type: 'custom',
          num: 1,
          style: 'width:300rpx;height:300rpx'
        }
      ]
    }
  ],
  moreActivitySkeleton: [
    {
      type: 'flex',
      num: 2,
      children: [
        {
          type: 'custom',
          num: 1,
          style: 'width:300rpx;height:380rpx;margin-right:25rpx'
        },
        {
          type: 'custom',
          num: 1,
          style: 'width:300rpx;height:380rpx'
        }
      ]
    }
  ],
  commonQuestionSkeleton: [
    {
      type: 'flex',
      num: 3,
      children: [
        {
          type: 'line',
          num: 2,
          style: ['width:200rpx;', null]
        }
      ]
    }
  ]
})
